<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$.get()方法</title>
</head>
<body>

    
    <div class="content">
        <button id="btn">点我获取</button><span id="info"></span>
        <div id="box"></div>
    </div>
    
    
    <script src="./jquery-3.6.0.js"></script>
    
    
    <script>
        
        /*
            $.ajax()
                jQuery 对 ajax 操作进行了封装，在 jQuery 中，$.ajax() 方法属于最底层的方法，第二层的 $.get() 和
                $.post() 方法，它们都建立在 $.ajax() 方法的基础上。
                $.ajax()是 jQuery 中 ajax 的最底层实现，它的参数只有一个，是一个对象，但在这个对象里包含了 $.ajax() 方法
                所需要的请求设置以及回调函数等信息，参数以 key/value 的形式存在，所有的参数都是
            参数：
                $.ajax({
                    url: ‘’, // 请求的地址
                    cache: 布尔值 , // 是否缓存，get 请求如果 url 没有发生变化，则会走缓存
                    type: ‘’, // 请求的方式（get/post），默认为 get
                    timeout: ‘’, // 设置请求超时时间，单位毫秒
                    data: ‘’, // 发送到后端的数据
                    dataType: ‘’, // 预期服务器返回的数据类型，有 xml, html, script, json, jsonp, text
                    success: function(data) {}, // 成功的回调
                    error: function(err) {}, // 失败的回调
                    complete: function() {}, // 请求完成后调用的函数，请求成功或失败均调用
                });
        */
    
        $(function () {
            $('#btn').click(function () {
                // 本地文件
                // let key = "8c53f287791b4Bd6b418A14c24F8402f"
           
                // $.ajax({
                //     url:`https://route.showapi.com/109-34?appKey=${key}`,
                //     success:res=> console.log("成功的结果是："+res.showapi_res_body.channelList                    ),
                //     fail: err=>console.log("失败的结果是："+err),
                //     complete:()=> console.log("最后会执行")
                    
                // })
                $.ajax({
                    type:"post",
                    url:`https://hmajax.itheima.net/api/register`,
                    data: {username:"ceshi11122",password:"111111"},
                    success:res=> console.log("成功的结果是："+res.message ),
                    fail: err=>console.log("失败的结果是："+err),
                    complete:()=> console.log("最后会执行")
                })
            })
        })
        


    </script>
</body>
</html>